
*{
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-family:"Microsoft YaHei","微软雅黑", Arial, STXihei,"华文细黑",SimSun,"宋体";
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
}
body{
  background:url("../images/bg_dh.png") no-repeat bottom right #f5f5f5;
  background-attachment: fixed;
  background-size: 200px;
}
/*头部*/
header{
  width:100%;
  padding-top: 60px;
  position: relative;
  z-index: 10;
  nav{
    height:60px;
    width:100%;
    position: fixed;
    top:0;
    left:0;
    background:#1C2327;
    .jb{
      width:100%;
      height:5px;
      background: linear-gradient(to left, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    }
    .namlist{
      max-width:1200px;
      height:55px;
      display: flex;
      justify-content: space-between;
      flex-direction: row;
      align-items:center;
      margin: 0 auto;
      .left{
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        align-content:center;
        .logotxt{
          color:#fff;
          font-size: 22px;
          margin-right: 80px;
          line-height: 55px;
        }
        ul{
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-content: space-between;
          height:100%;
          li{
            height:100%;
            line-height: 55px;
            padding: 0 15px;
            a{
              color:#fff;
              font-size: 15px;
              transition: all 0.2s;
            }
            a:hover{
              color:#00c1de;
            }
          }
          li.active{
            a{
              color:#00c1de;
            }
          }
        }
      }
      .right{
        a{
          color:#fff;
          padding: 5px 10px;
          border-radius: 3px;
        }
        .login{
          background:#f4543c;
          margin-right: 10px;
          transition: all 0.2s;
        }
        .login:hover{
          background: #d94c37;
        }
        .register{
          background: #0ec1d3;
          transition: all 0.2s;
        }
        .register:hover{
          background: #0893a1;
        }
      }
    }

  }
  .search{
    width:100%;
    height:106px;
    background:url("https://www.qingqingblog.com/skin/html/images/pt-search-bg.png") no-repeat center center;
    background-size: cover;
    padding: 20px 0 0 0;
    div{
      max-width:500px;
      width:100%;
      margin: 0 auto;
      padding: 1px;
      ul{
        li{
          padding: 5px 13px;
          border-top-left-radius: 5px;
          border-top-right-radius: 5px;
          background: #F4543C;
          display: inline-block;
          color:#fff;
          cursor: pointer;
        }
      }
      .input_btn{
        background:#F4543C;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        input{
          width:80%;
          height:36px;
          border:none;
          outline: none;
          padding: 0 10px;
        }
        button{
          width:20%;
          height:100%;
          background: none;
          border:none;
          outline: none;
          color:#fff;
          cursor: pointer;
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          svg{
            margin-right: 10px;
          }
        }
      }
    }
  }
}

/*内容*/
#content {
  width: 1200px;
  margin: 0 auto;
  padding: 30px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  .left{
    max-width: 840px;
    width:100%;
  }
  .right{
    max-width: 336px;
    width:100%;
  }
}
/*尾部*/